<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>{{ .Title }}</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="{{ .Description }}">
  <link href="/index.xml" rel="alternate" type="application/atom+xml" title="GopherAcademy Blog" />
  <link href="/css/bootstrap.min.css" rel="stylesheet">
  <link href="/css/hc.css" rel="stylesheet">
  <link href="/js/highlight/styles/github.css" rel="stylesheet">
  <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
    <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif] d-->
  <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/images/apple-touch-icon-57x57.png" />
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/images/apple-touch-icon-114x114.png" />
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/images/apple-touch-icon-72x72.png" />
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/images/apple-touch-icon-144x144.png" />
  <link rel="apple-touch-icon-precomposed" sizes="60x60" href="/images/apple-touch-icon-60x60.png" />
  <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/images/apple-touch-icon-120x120.png" />
  <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/images/apple-touch-icon-76x76.png" />
  <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/images/apple-touch-icon-152x152.png" />
  <link rel="icon" type="image/png" href="/images/favicon-196x196.png" sizes="196x196" />
  <link rel="icon" type="image/png" href="/images/favicon-96x96.png" sizes="96x96" />
  <link rel="icon" type="image/png" href="/images/favicon-32x32.png" sizes="32x32" />
  <link rel="icon" type="image/png" href="/images/favicon-16x16.png" sizes="16x16" />
  <link rel="icon" type="image/png" href="/images/favicon-128.png" sizes="128x128" />
</head>
<body>
<div class="nav-toggle"><i class="fa fa-bars fa-2x"></i> Gopher Academy </div>
      <div id = "wrapper">
<div class="navbar navbar-default" role="navigation">
      <div class="container">
        <div class="navbar-header">
        <a href="/"><img src="/images/galogo16.png" alt="" /></a>
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>

        </div>

        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav ">
          <li class="smallmenu"><a href="https://www.gopheracademy.com">Gopher Academy</a></li>
          <li class="smallmenu"><a href="https://www.gophercon.com">GopherCon</a></li>

          <hr />
      {{ range $name, $taxonomy := .Site.Taxonomies.series}}
      <script type="text/javascript">
        function titleize(slug) {
            var words = slug.split("-");
            return words.map(function(word) {
                var series = word.charAt(0).toUpperCase() + word.substring(1).toLowerCase();
		return series.replace("Gophercon", "GopherCon");
            }).join(' ');
        }
        var str = "{{$name}}";
        var str2 = titleize(str)
        document.write('<li class="smallmenu"><a href="/series/{{ $name | urlize }}">');
        document.write(str2);
        document.write('</a></li>');
      </script>

      {{ end }}
          <hr />

          <form name="google-search" method="get" action="https://www.google.com/search">

            <div class="post_search input-group">
              <input type="hidden" name="sitesearch" value="blog.gopheracademy.com">
              <input type="text" name="q" class="form-control">
              <span class="input-group-btn">
                <button class="btn btn-default" type="submit"><span class="glyphicon glyphicon-search"></span></button>
              </span>
            </div>

          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>



       <!-- Sidebar -->
       <div id="sidebar-wrapper">
        <ul class="sidebar-nav nav nav-pills nav-stacked">
          <li class="sidebar-brand"><a href="/"><img src="/images/gopheracademy-logo.png" srcset="/images/gopheracademy-logo.png 1x, /images/galogo16.png 2x" width="140" height="145" alt="" /></a></li>
          <hr />
					<form name="google-search" method="get" action="https://www.google.com/search">

	          <div class="post_search input-group">
							<input type="hidden" name="sitesearch" value="blog.gopheracademy.com">
              <input type="text" name="q" class="form-control">
	            <span class="input-group-btn">
	              <button class="btn btn-default" type="submit"><span class="glyphicon glyphicon-search"></span></button>
	            </span>
	          </div>
					</form>

          <hr />
          <li class=""><a href="https://www.gopheracademy.com">Gopher Academy</a></li>
          <li class=""><a href="https://www.gophercon.com">GopherCon</a></li>

		      <hr />
			{{ range $name, $taxonomy := .Site.Taxonomies.series}}
      <script type="text/javascript">
        function titleize(slug) {
            var words = slug.split("-");
            return words.map(function(word) {
                var series = word.charAt(0).toUpperCase() + word.substring(1).toLowerCase();
		return series.replace("Gophercon", "GopherCon");
            }).join(' ');
        }
        var str = "{{$name}}";
        var str2 = titleize(str)
        document.write('<li class=""><a href="/series/{{ $name | urlize }}">');
        document.write(str2);
        document.write('</a></li>');
      </script>

			{{ end }}
          <hr />

		<div id="social-wrapper">
			<a class="icon-social twitter" href="https://twitter.com/gopheracademy" target="_blank"></a>
			<a class="icon-social github" href="https://github.com/gopheracademy" target="_blank"></a>
			<a class="icon-social slack" href="https://gophersinvite.herokuapp.com/" target="_blank"></a>
			<a class="icon-social rss" href="/index.xml" target="_blank"></a>
		</div>
		<!-- BOTTOM CREDITS -->
		<div class="newCredit">
			<p class="text-muted ">{{ with .Site.Params.Copyright }}{{.}}{{ else }}&copy; {{.Now.Format "2006"}} Gopher Academy, LLC 2016
				<br />
				Powered by <a href="https://gohugo.io/" target="_blank">Hugo</a>
				<br />
				Designed by <a href="https://www.ardanstudios.com/" target="_blank">Ardan Studios</a>
				<br />
				Hosting Sponsored by <a href="https://www.digitalocean.com/" target="_blank">Digital Ocean</a>
				{{end}}
			</p>
		<div>
		<!-- / END BOTTOM CREDITS -->

        </ul>






     </div>




     <div class="container">




